<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="applicable-device" content="mobile"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <!--<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">-->
    <meta name="format-detection" content="telephone=no"/>

    <link rel="stylesheet" href="css/all.css"/>
    <script src="lib/flexible.js"></script>
    <script src="lib/jquery-1.9.1.min.js"></script>
    <script src="lib/jquery.cookie.js"></script>
    <script src="js/hgNews.min.js"></script>
    <script src="lib/layer.js"></script>

</head>
<body>
<!-- header -->
    <header class="header2 border-no">
        <!--<a href="" class="return"><img src="img/234d_03.png" /></a>-->
        <span class="word">图库</span>
        <a id="share-control" class="fun"><img src="img/234d_05.png" /></a>
    </header>
<!-- /header -->
<!-- bodyer -->
<div class="zht-name2 zht-photo">
    <div class="img"><img src="img/tmp/fff23_10.png" alt=""></div>
    <div class="name">
        <p class="name-top">第三十届专题</p>
        <p class="name-con">影楼行业化妆交流影楼行业化妆交流影楼行业化妆交流</p>
    </div>
</div>
<div class="" id="img-storage">
    <div class="l-f">
        <div class="photo-img l-f-g1" id="photo1"></div>
        <div class="photo-img l-f-g1" id="photo2"></div>
    </div>
</div>
<!-- /bodyer -->
<!-- footer -->
<div class="footer-footer"></div>
<footer class="footer">
    <div class="bottom l-f">
        <a href="index.html" class="first l-f-g1 red">
            <img src="img/add23_03_02_05_03.png" alt="">
            <p>首页</p>
        </a>
        <a href="zhuanti_photo.html" class="photo l-f-g1">
            <img src="img/add23_03_02_05_08.png" alt="">
            <p>图库</p>
        </a>
        <a href="my_page_nont.html" class="my l-f-g1" id="my-id">
            <img src="img/add23_03_02_05_05.png" alt="">
            <p>我的</p>
        </a>
    </div>
</footer>
<!-- /footer -->
<!--点击分享-->
<script>
    hgNews.clickLayer($("#share-control"));
</script>

<!--图片内容-->
<script>
    var number = 0;
    var number2;
    var win = $(window).height();
    $(window).scroll(function(){
        number = parseInt(($(window).scrollTop())/win);
        console.log(number);
        console.log(number2);
        if (number > number2){
            $ajax(number);
        }
        number2 = number;
    });
    $ajax(number);
    function $ajax(n){
        $.ajax({
            type:"post",
            url:hgNews.api.albumsList,
            dataType:"json",
            data:{page:n},
            error: function (jqXHR, textStatus, errorThrown) {//进行错误信息的处理
                /*弹出jqXHR对象的信息*/
                console.log(jqXHR.responseText + "-" + jqXHR.status + "-" + jqXHR.readyState + "-" + jqXHR.statusText);
                /*弹出其他两个参数的信息*/
                console.log(textStatus);
                console.log(errorThrown);
            },
            success:function(data){
                if (data.status == 1){
                    for (var i=0;i<data.data.length;i++){
                        var photo = '<a class="photo-list" id="' + data.data[i].id + '" href="xiangxi_content_img.html?id='+data.data[i].id+'"><img width="468" height="500" src="' + data.data[i].thumb + '" alt=""><div class="shuoming">' + data.data[i].subject + '</div></a>';
                        if (i%2 == 0){
                            $("#photo1").append(photo);
                        }else {
                            $("#photo2").append(photo);
                        }
                    }
                }else {
                    alert("data.status="+data.status);
                }
            }
        });
    }
</script>
</body>
</html>
